﻿@using TimeProject.WebSite.Views;
@{
    ViewBag.Title = "Time:Project";
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>@ViewBag.Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="@Styles.Url("~/content/css/css")" rel="stylesheet" />
    <link href='http://fonts.googleapis.com/css?family=Average+Sans' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    <script src="@Url.Content("~/Scripts/jquery-2.1.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/bootstrap.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/knockout-3.1.0.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/knockout.mapping-latest.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/perpetuum.knockout.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/json2.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/knockout.reactor.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/site.js")" type="text/javascript"></script>
    @RenderSection("head", required: false)
    @Html.Partial("_html5shiv")
</head>

<body>
    <div class="navbar navbar-fixed-top" role="navigation">
            <div>
                <a class="brand" href="@Url.Content("/")">
                    <img src="/Content/Images/logo.png" alt="Logo" />
                </a>
            </div>

            @if (Request.IsAuthenticated)
            {
                using (Html.BeginForm("LogOff", "TimeProject", FormMethod.Post, new { id = "logoutForm" }))
                {
                    <ul class="nav navbar-nav pull-right" id="main-nav-bar">
                        @*<li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    <i class="fa fa-sitemap fa-fw"></i>My Views
                                    <b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a tabindex="-1" href="#">Action</a></li>
                                    <li><a tabindex="-1" href="#">Another action</a></li>
                                    <li><a tabindex="-1" href="#">Something else here</a></li>
                                    <li class="divider"></li>
                                    <li><a tabindex="-1" href="#">Separated link</a></li>
                                </ul>
                            </li>*@

                        <li class="dropdown">
                            <a href="MyOrganizations">MY ORGANIZATIONS</a>
                        </li>

                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">@Html.Encode(@ViewData.GetUserInfo().FullName) <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                @* Action Links Here! *@
                                <li><a tabindex="-1" href="MyOrganizations"><i class="fa fa-suitcase fa-fw"></i> My organizations</a></li>
                                <li><a tabindex="-1" href="MyAccount"><i class="fa fa-user fa-fw"></i> My account</a></li>

                                <li class="divider"></li>
                                <li>
                                    <a tabindex="-1" href="javascript:document.getElementById('logoutForm').submit()"><i class="fa fa-sign-out fa-fw"></i> Log off</a>
                                    @Html.AntiForgeryToken()
                                </li>
                            </ul>
                        </li>
                    </ul>
                }
            }
    </div>

    <div class="container">
        @RenderBody()
    </div>

    @*<div class="app-bottom-bar">
        <div class="container-fluid app-bottom-bar-container">
            <span class="app-bottom-bar-container-text">
                @Html.GetCopyright()
            </span>
        </div>
    </div>*@

    @Scripts.Render("~/js")
    @RenderSection("Scripts", required: false)
</body>
</html>
